<!doctype html>
<meta charset="utf-8">
<title>{{ title }} | Hello</title>
<link rel="stylesheet" href="styles/index.css">
<body>
  <header>
    <h1>Hello</h1>
    <nav>
      <ul class="nav">
        {% for item in site.nav %}
          <li><a href="{{ item.url }}"{% if item.is_active %} class="active"{% endif %}>{{ item.title|upper }}</a>
        {% endfor %}
      </ul>
    </nav>
  </header>
  <main>
    <ul>
    {% for item in items %}
      <li>{{ loop.index }}: {{ item|upper }}</li>
    {% endfor %}
    </ul>
  </main>
  <footer>
    {% include "footer.html" %}
  </footer>
</body>
